.godForgetpasswordBox{
    //position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    background: url("../static/image/defaultbg.jpg") no-repeat center;
    background-size: cover;
    // 
    .godForget{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 600px;
        height: auto;
        // height: 500px;
        margin-left: -300px;
        margin-top: -200px;
        background: white;
        overflow: auto;
        // overflow: hidden;
        border-radius: 10px;
        box-shadow: 10px 15px 50px rgba(0, 0, 0, .4);

        .godforget-header{
            margin: 0 auto;
            text-align: center;
            h2{
                padding-top: 30px;
                line-height: 2;
                font-weight: block;
                color: #314bbc;
                font-size: 26px;
            }
            .godforget-line{
                margin: 0 auto;
                display: inline-block;
                width: 18px;
                height: 2px;
                background-color: #314bbc;
                border-bottom: 2px solid #314bbc;
                overflow: hidden
            }
        }
        .godforgetBox{
            width: 50%;
            overflow: auto;
            margin: 10px auto;
            padding: 30px 40px;
            text-align: center;
            background: #FFFFFF;
            img{
                width: 78.5px;
                height: 53px;
                margin-bottom: 10px;
            }
            .el-form {
                margin-top: 30px;
                .el-form-item__label{
                    font-weight: bold;
                    display: block;
                    width: 100% !important;
                    text-align: left;
                    text-indent: 5px; 
                    font-size: 16px !important;
                }
                .el-form-item__content{
                    margin: 0 !important;
                    background: none !important;
                    button{
                        margin-top: 50px;
                        background: #314bbc;
                    }
                    .el-input{
                        padding: 0 !important;
                        margin: 0 !important;
                        .el-input__inner{
                            width:70%;
                            float: left;
                            margin: 0 !important;
                            font-size: 16px;
                            background: none !important;
                            border-radius: 0 !important;
                            border-bottom: 1px solid #bbbbbb;
                        }
                    }
                }
               
                .el-form-item__error{
                    position: absolute;
                    right: -260px;
                    top: 10px;
                }
                
            }


        }
    }

    //
    .tomailbox{
        position: absolute;
        top: 50%;
        left: 45%;
        width: 800px;
        height: 500px;
        margin-left: -300px;
        margin-top: -200px;
        background: white;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 10px 15px 50px rgba(0, 0, 0, .4);

        .tomailbox-header{
            margin: 0 auto;
            text-align: center;
            h2{
                //margin-bottom: 18px;
                padding-top: 30px;
                line-height: 2;
                font-weight: block;
                color: #314bbc;
                font-size: 26px;
            }
            .tomailbox-line{
                margin: 0 auto;
                display: inline-block;
                width: 18px;
                height: 2px;
                background-color: #314bbc;
                border-bottom: 2px solid #314bbc;
                overflow: hidden
            }
        }
        .mailbox{
            width: 50%;
            overflow: auto;
            margin: 10px auto;
            padding: 30px 40px;
            text-align: center;
            background: #FFFFFF;
            //border:1px solid red;
            img{
                width: 78.5px;
                height: 53px;
                margin-bottom: 10px;
            }
            button{
                width: 135px;
                height: 35px;
                font-size: 16px;
                color: #fff;
                border:none;
                border-radius: 5px;
                background: #314bbc;
                margin: 30px auto;
            }
            p{
                height: 30px;
                line-height: 30px;
                font-size: 10px;
                a{
                    color: #4057c1;
                }
            }
        }
    }

    // 重设密码
    .resetBox{
        width: 50%;
        overflow: auto;
        margin: 10px auto;
        padding: 30px 40px;
        text-align: center;
        background: #FFFFFF;
        .el-icon-view{
            font-size: 18px;
            margin: 10px 0;
        }
        .mingan{
            display: inline-block;
            line-height: 0;
            position: absolute;
            right: 10px;
            top: 0;
        }
        .slash{
            display: inline-block;
            position: absolute;
            height: 100%;
            width: 3px;
            background: #AFAFAF;
            left: 50%;
            top: 0;
            transform: rotate(45deg);

        }
    }

    // 更改完成 dialog
    .dialogContent{
        display: flex;
        overflow: auto;
        //border: 1px solid black;
        &>div{
            flex: 1;
        }
        .content-left{
            text-align: center;
            //border-right: 1px solid black;
            img{
                width: 168px;
                height: 202px;
            }
        }
        .content-right{
            p{
                font-size: 18px;
                color: #000000;
                font-weight: bold;
                margin-top: 35px;
            }
            .confirm{
                margin-top: 36px;
                background: #5847AD;
            }
        }
    }
    .el-dialog__headerbtn .el-dialog__close {
        color: #fff !important;
        background-color: #969696;
        font-size: 12px;
    }
    .el-dialog {
        left: 36%;
    }
    .el-form-item__label{
        width: 330px;
        font-weight: bold;
    }
    .el-input__suffix{
        right: -28px;
    }
    .el-button--primary span{
        font-size: 14px;
    }
    .el-button--primary, .el-button--primary:hover {
        background-color: #314BBC;
        border-color: #314BBC;
    }
    .el-input .el-input__inner {
        background: none;
        border: #f1f1f1 1px solid;
    }


    // .background-godForget{
    //     position: fixed;
    //     width: 100%;
    //     height: 100%;
    //     background: #fff;
    //     background: url("../static/image/defaultbg.jpg") no-repeat center;
    //     background-size: cover;
    //     .godForget{
    //         position: absolute;
    //         top: 50%;
    //         left: 50%;
    //         width: 600px;
    //         height: 500px;
    //         margin-left: -300px;
    //         margin-top: -200px;
    //         background: white;
    //         overflow: hidden;
    //         border-radius: 10px;
    //         box-shadow: 10px 15px 50px rgba(0, 0, 0, .4);

    //         .godforget-header{
    //             margin: 0 auto;
    //             text-align: center;
    //             h2{
    //                 padding-top: 30px;
    //                 line-height: 2;
    //                 font-weight: block;
    //                 color: #314bbc;
    //                 font-size: 26px;
    //             }
    //             .godforget-line{
    //                 margin: 0 auto;
    //                 display: inline-block;
    //                 width: 18px;
    //                 height: 2px;
    //                 background-color: #314bbc;
    //                 border-bottom: 2px solid #314bbc;
    //                 overflow: hidden
    //             }
    //         }
    //         .godforgetBox{
    //             width: 50%;
    //             overflow: auto;
    //             margin: 10px auto;
    //             padding: 30px 40px;
    //             text-align: center;
    //             background: #FFFFFF;
    //             img{
    //                 width: 78.5px;
    //                 height: 53px;
    //                 margin-bottom: 10px;
    //             }
    //             .el-form {
    //                 margin-top: 30px;
    //                 .el-form-item__label{
    //                     display: block;
    //                     width: 100% !important;
    //                     text-align: left;
    //                     text-indent: 5px; 
    //                     font-size: 16px !important;
    //                 }
    //                 .el-form-item__content{
    //                     margin: 0 !important;
    //                     background: none !important;
    //                     button{
    //                         margin-top: 50px;
    //                         background: #314bbc;
    //                     }
    //                     .el-input{
    //                         padding: 0 !important;
    //                         margin: 0 !important;
    //                         .el-input__inner{
    //                             width:70%;
    //                             float: left;
    //                             margin: 0 !important;
    //                             font-size: 16px;
    //                             background: none !important;
    //                             border-radius: 0 !important;
    //                             border-bottom: 1px solid #bbbbbb;
    //                         }
    //                     }
    //                 }
                   
    //                 .el-form-item__error{
    //                     position: absolute;
    //                     right: -260px;
    //                     top: 50px;
    //                 }
                    
    //             }


    //         }
    //     }
    //     .tomailbox{
    //         position: absolute;
    //         top: 50%;
    //         left: 45%;
    //         width: 800px;
    //         height: 500px;
    //         margin-left: -300px;
    //         margin-top: -200px;
    //         background: white;
    //         overflow: hidden;
    //         border-radius: 10px;
    //         box-shadow: 10px 15px 50px rgba(0, 0, 0, .4);

    //         .tomailbox-header{
    //             margin: 0 auto;
    //             text-align: center;
    //             h2{
    //                 //margin-bottom: 18px;
    //                 padding-top: 30px;
    //                 line-height: 2;
    //                 font-weight: block;
    //                 color: #314bbc;
    //                 font-size: 26px;
    //             }
    //             .tomailbox-line{
    //                 margin: 0 auto;
    //                 display: inline-block;
    //                 width: 18px;
    //                 height: 2px;
    //                 background-color: #314bbc;
    //                 border-bottom: 2px solid #314bbc;
    //                 overflow: hidden
    //             }
    //         }
    //         .mailbox{
    //             width: 50%;
    //             overflow: auto;
    //             margin: 10px auto;
    //             padding: 30px 40px;
    //             text-align: center;
    //             background: #FFFFFF;
    //             //border:1px solid red;
    //             img{
    //                 width: 78.5px;
    //                 height: 53px;
    //                 margin-bottom: 10px;
    //             }
    //             button{
    //                 width: 135px;
    //                 height: 35px;
    //                 font-size: 16px;
    //                 color: #fff;
    //                 border:none;
    //                 border-radius: 5px;
    //                 background: #314bbc;
    //                 margin: 30px auto;
    //             }
    //             p{
    //                 height: 30px;
    //                 line-height: 30px;
    //                 font-size: 10px;
    //                 a{
    //                     color: #4057c1;
    //                 }
    //             }
    //         }
    //  }




    //}
}